<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" href="amazeui/css/amazeui.min.css"/>
<link rel="stylesheet" href="default/style.css"/>
<script src="amazeui/js/jquery.min.js"></script>
<script src="amazeui/js/amazeui.min.js"></script>
    <script src="public.js"></script>
</head>
<style>
    .goodName{
        color: #000000;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all;
    }
    .am-icon-phone:before{
        vertical-align: text-top;
        margin-left: 0.6rem;
    }
</style>
<body>
<div style="position: fixed;bottom: 55px;right: 10px;width:40px;height: 40px;border:1px solid rgb(33, 148, 241);" >
    <a href="tel:0758-3988098"><span class="am-icon-phone" style="width: 100%;height: 100%;font-size: 3rem;color: rgb(33, 148, 241)"></span></a>
</div>
<div class="container">
	<header data-am-widget="header" class="am-header am-header-default my-header">
      <h1 class="am-header-title">
        <a href="#title-link" class="">温氏乳业商城</a>
      </h1>
    </header>
    <!-- banner -->
    <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{&quot;directionNav&quot;:false}'>
      <ul class="am-slides">
        <li>
          <img src="default/banner1.jpg">
        </li>
        <li>
          <img src="default/banner2.jpg">
        </li>
        <li>
          <img src="default/banner3.jpg">
        </li>
        <!--<li>-->
          <!--<img src="default/banner1.jpg">-->
        <!--</li>-->
      </ul>
    </div>
    <div class="am-slider am-slider-a1" style="padding: 0.3rem;background-color:rgb(33, 148, 241);height: 2.3rem">
        <div style="display: inline-block;width: 3rem;vertical-align: top;"><img style="vertical-align: top;width: 100%" src="default/gonggao.png"></div>
        <div style="display: inline-block;color: red;height: 100%">
            <marquee  style="height:1.6rem; "  direction=up
                       scrollAmount=1   scrollDelay=0
                       scrollleft="0"
                       scrolltop="0">
                <table>
                <tr>
                    <td>温氏促销大活动</td>
                </tr>
                <tr>
                    <td>注意：套餐为5000元/份，5000元起订！</td>
                </tr>
                    <tr>
                        <td>低于5000的套餐京东商城可以下订哦！</td>
                    </tr>
            </table>
            </marquee>

        </div>
    </div>
    <div style="width: 100%">
        <img style="width: 100%" src="default/tuangouhengfu.jpg">
    </div>
    <div class="am-cf am-g">
    	<ul class="am-avg-sm-2 my-shop-product-list">
        	<li th:each="product : ${products} ">
                <a th:href="@{product.html(id=${product.id})}">
            	<div class="am-panel am-panel-default">
                    <div class="am-panel-bd">
                    	<img class="am-img-responsive" th:src="${product.img}" />
                        <h3><a href="#" th:text="${product.name}" class="goodName"></a></h3>
                        <div>
                            <span class="" style="color:red" th:text="${'￥'+product.price}">￥</span>

                        </div>
                    </div>
                </div>
                </a>
            </li>
        </ul>
    </div>
    
    
    <footer data-am-widget="footer" class="am-footer am-footer-default" data-am-footer="{  }">
        <hr data-am-widget="divider" style="" class="am-divider am-divider-default"/>
      <div class="am-footer-miscs ">
        <p>广东温氏乳业有限公司</p>

      </div>
    </footer>
    <!--底部-->
    <div data-am-widget="navbar" class="am-navbar am-cf my-nav-footer " id="">
      <ul class="am-navbar-nav am-cf am-avg-sm-4 my-footer-ul">
        <li>
          <a href="/index.html" class="">
            <span class="am-icon-home"></span>
            <span class="am-navbar-label">首页</span>
          </a>
        </li>
        <li>
          <a href="/shoppingcart.html" class="">
            <span class=" am-icon-cart-plus"></span>
            <span class="am-navbar-label">购物车</span>
          </a>
        </li>
        <li style="position:relative">
          <a href="/reg.html" class="">
            <span class="am-icon-user"></span>
            <span class="am-navbar-label">收货地址</span>
          </a>
        </li>
          <li style="position:relative">
              <a href="/groupbuy.html" class="">
                  <span class="am-icon-list"></span>
                  <span class="am-navbar-label">订单列表</span>
              </a>
          </li>
      </ul>
      <script>
	  	function showFooterNav(){
			$("#footNav").toggle();
		}
	  </script>
    </div>
</div>
</body>
</html>
